<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${cxt }/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>文章管理--编辑文章</title>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/tinymce.min.js"></script>
<script type="text/javascript">
	$(".mytab").click(function(e) {
		e.preventDefault()
		$(this).tab('show');
	})

	tinymce
			.init({
				selector : "textarea#textareaid",
				theme : "modern",
				width : '99%',
				height : 300,
				language : "zh_CN",
				plugins : [
						"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
						"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
						"save table contextmenu directionality emoticons template paste textcolor" ],
				content_css : "css/content.css",
				toolbar : "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",
				style_formats : [ {
					title : 'Bold text',
					inline : 'b'
				}, {
					title : 'Red text',
					inline : 'span',
					styles : {
						color : '#ff0000'
					}
				}, {
					title : 'Red header',
					block : 'h1',
					styles : {
						color : '#ff0000'
					}
				}, {
					title : 'Example 1',
					inline : 'span',
					classes : 'example1'
				}, {
					title : 'Example 2',
					inline : 'span',
					classes : 'example2'
				}, {
					title : 'Table styles'
				}, {
					title : 'Table row 1',
					selector : 'tr',
					classes : 'tablerow1'
				}, ]
			});
</script>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #F4F6F7;
}

.bigbox {
	width: 1058px;
	height: 496px;
	background-color: #F4F6F7;
	margin-top: 5px;
}

.inbigbox {
	margin-left: 23px;
	margin-right: 15px;
	background-color: white;
	padding-left: 15px;
	padding-right: 10px;
}

.top, .div_title {
	width: 1000px;
}

.content {
	width: 990px;
	border: 1px solid #E6E9EA;
	text-align: center;
}

.center_content {
	width: 900px;
	margin: auto;
	text-align: left;
	padding-top: 20px;
	font-size: 14px;
}

.center_content table {
	width: 900px;
}

.center_content input, select {
	width: 400px;
	height: 28px;
	margin: 10px;
	border: 1px solid #CFD4D7;
}

.bottom {
	margin: 15px 340px;
}

.bottom input {
	width: 80px;
	height: 30px;
	margin-right: 50px;
	color: white;
	border: none;
	border-radius: 5px;
	background-color: #11B6B6;
}
</style>
</head>

<body>
	<div class="bigbox">
		<div class="inbigbox">
			<div class="div_title">
				<p style="margin-left: 5px; line-height: 50px; font-size: 18px;">编辑文章</p>
			</div>

			<div class="content">
				<div class="center_content">
					<table cellspacing="0">
						<tr>
							<td style="text-align: right; width: 150px;">标题：</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td style="text-align: right;">作者：</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td style="text-align: right;">所属分类：</td>
							<td><select style="width: 120px;">
									<option>--请选择--</option>
									<option>编程语言</option>
									<option>软件设计</option>
									<option>web前端</option>
									<option>数据库技术</option>
									<option>其他分类</option>
							</select></td>
						</tr>
						<tr>
							<td style="text-align: right;">更新时间：</td>
							<td><input type="date" style="width: 120px;"></td>
						</tr>
						<tr>
							<td style="text-align: right;">编辑正文：</td>
							<td style="padding-left: 10px;"><textarea id="textareaid"></textarea></td>
						</tr>
					</table>
					<!--标题：<input type="text" /><br />
						所属分类：<select>
							<option>--请选择--</option>
							<option>编程语言</option>
							<option>软件设计</option>
							<option>web前端</option>
							<option>数据库技术</option>
							<option>其他分类</option>
						</select><br />
						作者：<input type="text" /><br />
						更新时间：<input type="date" /><br />
						编辑正文：<input type="text" /><br />-->
				</div>
				<div class="bottom">
					<input type="button" value="确认提交" /> <input type="button"
						value="存为草稿" />
				</div>
			</div>

		</div>
	</div>
</body>

</html>